<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>房源介绍</title>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <style>
        .endways>.left>img{
            width:2.08rem;
            height: 2.08rem;
            display: block;
            border-radius: 100%;
            -webkit-border-radius: 100%;
            border:3px solid #888BB3;
        }
		.sidewards>.left>img{
			width:.48rem;
            height: .48rem;
            display: block;
            border-radius: 100%;
            -webkit-border-radius: 100%;
		}
        div.pinch-zoom,
        div.pinch-zoom img{
            width: 100%;
            -webkit-user-drag: none;
            text-align:center;
        }
    </style>
</head>
<body>
	<div id="layout">
        <header id="wrapper">
            <div id="endways" class="endways">
                <div class="left" id="head-image">
                    <img src="./images/SH185/SH185.jpeg" alt="">
                </div>
                <div class="right">
                    <p class="village">纳米魔幻城</p>
                    <p class="area">180㎡</p>
                    <p class="houseType">5室3厅3卫 </p>
                </div>
            </div>
            <div id="sidewards" class="sidewards">
                 <div class="left">
                    <img src="./images/SH185/SH185.jpeg" alt="">
                </div>
                <div class="right">
                    <p class="village">纳米魔幻城</p>
                    <p class="houseType">5室3厅3卫 </p>
                    <p class="area">180㎡</p>
                </div>
            </div>
        </header>
        <div class="button" id="btn-toggle"><p id="toggle"></p></div>
        <main>
            <section id="music" class="music clearfix">
                <div class="row row-right">
                    <audio class="hide" controls>
                        <source src="http://qd.innjia.com:8035/audios/185-1.mp3" type="audio/mpeg">
                    </audio>
                    <p class="content"><input type="button" class="play stoped"><span class="active">整体介绍</span></p>
                    <p class="progress stopedIt"></p>
                </div>
                <div class="row row-left" style="top:2.34rem">
                    <audio class="hide" controls>
                        <source src="http://qd.innjia.com:8035/audios/185-2.mp3" type="audio/mpeg">
                    </audio>
                    <p class="content"><input type="button" class="play"><span>1楼客厅</span></p>
                    <p class="progress"></p>
                </div>
                <div class="row row-right" style="top:4.1rem">
                    <audio class="hide" controls>
                        <source src="http://qd.innjia.com:8035/audios/185-3.mp3" type="audio/mpeg">
                    </audio>
                    <p class="content"><input type="button" class="play"><span>1楼厨卫</span></p>
                    <p class="progress"></p>
                </div>
                <div class="row row-left" style="top:5.9rem">
                    <audio class="hide" controls>
                        <source src="http://qd.innjia.com:8035/audios/185-4.mp3" type="audio/mpeg">
                    </audio>
                    <p class="content"><input type="button" class="play"><span>1楼南卧</span></p>
                    <p class="progress"></p>
                </div>
                <div class="row row-right" style="top:7.7rem">
                    <audio class="hide" controls>
                        <source src="http://qd.innjia.com:8035/audios/185-5.mp3" type="audio/mpeg">
                    </audio>
                    <p class="content"><input type="button" class="play"><span>1楼北卧</span></p>
                    <p class="progress"></p>
                </div>
                <div class="row row-left" style="top:9.5rem">
                    <audio class="hide" controls>
                        <source src="http://qd.innjia.com:8035/audios/185-6.mp3" type="audio/mpeg">
                    </audio>
                    <p class="content"><input type="button" class="play"><span>中层休息区</span></p>
                    <p class="progress"></p>
                </div>
                 <div class="row row-right" style="top:11.3rem">
                    <audio class="hide" controls>
                        <source src="http://qd.innjia.com:8035/audios/185-7.mp3" type="audio/mpeg">
                    </audio>
                    <p class="content"><input type="button" class="play"><span>中层南卧</span></p>
                    <p class="progress"></p>
                </div>
                <div class="row row-left" style="top:13.1rem">
                    <audio class="hide" controls>
                        <source src="http://qd.innjia.com:8035/audios/185-8.mp3" type="audio/mpeg">
                    </audio>
                    <p class="content"><input type="button" class="play"><span>中层北卧</span></p>
                    <p class="progress"></p>
                </div>
                 <div class="row row-right" style="top:14.9rem">
                    <audio class="hide" controls>
                        <source src="http://qd.innjia.com:8035/audios/185-9.mp3" type="audio/mpeg">
                    </audio>
                    <p class="content"><input type="button" class="play"><span>B1层主客厅</span></p>
                    <p class="progress"></p>
                </div>
                <div class="row row-left" style="top:16.7rem">
                    <audio class="hide" controls>
                        <source src="http://qd.innjia.com:8035/audios/185-10.mp3" type="audio/mpeg">
                    </audio>
                    <p class="content"><input type="button" class="play"><span>B1层内天井</span></p>
                    <p class="progress"></p>
                </div>
                 <div class="row row-right" style="top:18.5rem">
                    <audio class="hide" controls>
                        <source src="http://qd.innjia.com:8035/audios/185-11.mp3" type="audio/mpeg">
                    </audio>
                    <p class="content"><input type="button" class="play"><span>B1层卧室</span></p>
                    <p class="progress"></p>
                </div>
                <div class="row row-left" style="top:20.3rem">
                    <audio class="hide" controls>
                        <source src="http://qd.innjia.com:8035/audios/185-12.mp3" type="audio/mpeg">
                    </audio>
                    <p class="content"><input type="button" class="play"><span>建议</span></p>
                    <p class="progress"></p>
                </div>
            </section>
            <section id="word" class="word">
                <div class="section1">
                    <h1>整体介绍</h1>
                    <p>欢迎参观舍艺房屋！ 本房是舍艺第185套房屋，产证面积180平米，使用面积为283平米，相当于单价接近一万元一平米，五房三厅三卫，为地上一层、地下两层的别墅居所，房屋带有近90平米的大花园，可在花园聚餐或种植花草修身养性。在您接下来的参观过程中，请按照引导顺序看房，谢谢！</p>
                </div>
                 <div class="section1">
                    <h1>1楼客厅</h1>
                    <p>您现在所属的位置是客厅区域，实测面积35平米，客厅径深9.4米，本房屋为西边套户型，客厅的西窗增加了室内的采光面积，使整个客厅光线充裕，您可将靠近门口处规划为会客区，此处可放置三人位沙发、单人椅以及太妃榻，便于您舒适地与友人洽谈，靠近楼梯的区域可设置为会餐区，此区域能同时容纳多人就餐，您可在此放置6人位的餐桌及餐椅。</p>
                </div>
                 <div class="section1">
                    <h1>1楼厨卫</h1>
                    <p>经过客厅东侧的过道，您可进入厨房区域，厨房面积实测为4.22平米，您可将此处布置为常用厨房，可安装厨房橱柜，并容纳水槽、油烟机、冰箱等生活必需的设备。厨房旁边为卫生间区域，面积为2.85平米，布置有淋浴间、坐便器及水池等盥洗设备。</p>
                </div>
                 <div class="section1">
                    <h1>1楼南卧</h1>
                    <p>卫生间的南面为卧室区域，面积16.35㎡，径深达到4.1米，透过南面窗户您可看到室外的草坪景观。您可将此处设置为老人房，放置1.8米双人床及2米宽大衣柜，同时还可在南面墙角安放电脑桌，供老人休闲上网使用。</p>
                </div>
                 <div class="section1">
                    <h1>1楼北卧</h1>
                    <p>您出卧室看到的前方是客卧区域，可直达北阳台，卧室面积为8.66平米，阳台面积为5.2平米。建议将此房间作为保姆房，房间近厨房等功能性区域，并方便保姆照顾老人，您可在此放置1.2米单人床+床头柜，并在房间的西北角设置L型衣柜，收纳储物，天井可在目前拥有的洗护水池基础上，放置洗衣机等设备，便于保姆操作。现在，请您下楼参观本房屋的其它房间。</p>
                </div>
                <div class="section1">
                    <h1>中层休息区</h1>
                    <p>您下楼梯后进入的是休息区，面积为5.86平米，可用绿植点缀并放置休闲桌椅，让休息区成为放松心情的好去处。</p>
                </div>
                <div class="section1">
                    <h1>中层南卧</h1>
                    <p>沿休闲区可径直来到夹层的南面房间，房间面积8.25平米，阳光可透过草坪上的玻璃窗进入本房间。房间可作为书房，建议您在房间东北角可放置L型书架，南窗前可放置超大书桌，用于办公、学习之用。</p>
                </div>
                <div class="section1">
                    <h1>中层北卧</h1>
                    <p>房间北面是卫浴区域，面积达到5.13平米，此处可以布置淋浴间、坐便器及洗脸盆等盥洗设备。走过卫生间，您现在所处的位置是夹层北向卧室，面积5.86平米，房间方正。您可将本房间作为儿童房，放置儿童床及儿童书桌、玩具等设施。现在，请您从楼梯下行至地下一层。</p>
                </div>
                <div class="section1">
                    <h1>B1层主客厅</h1>
                    <p>您现在参观的位置是地下主客厅区域，面积为27.5平米，客厅挑高5米，格局大气，直通前方天井区域。客厅采光良好，楼梯下方区域可作为储藏室使用。客厅主要用于会客聚友，可在此放置沙发、茶几等家具，用于朋友聚会或是商务洽谈最合适不过。现在，请您前行至天井区域。</p>
                </div>
                <div class="section1">
                    <h1>B1层内天井</h1>
                    <p>您所处的天井区域面积为25.95平米，挑高5米，顶部区域的天窗为一层草坪位置，从南花园透进来的阳光使天井区域采光明亮。此处可分隔为东侧厨房区域和西侧的餐厅区域。厨房区域面积可达11.97㎡，可放置油烟机、水池、橱柜等设备；餐厅区域面积可达12.7㎡，适合5-6人同时就餐，并可围绕南侧墙体做餐边柜，方便就餐所需。现在，请您回到主客厅。</p>
                </div>
                 <div class="section1">
                    <h1>B1层卧室</h1>
                    <p>客厅区域的东侧为地下一层的卫浴区域，面积4.42㎡，同样可布置淋浴间、坐便器和台盆。卫生间南面为卧室位置，面积8.14平米，此房间可作为主卧使用，安放1.8米双人床及衣柜。现在，请您前行至卫生间北侧，北侧为本房屋的后门区域，由此出门右转，您可前行至地下车库出行。</p>
                </div>
                 <div class="section1">
                    <h1>建议</h1>
                    <p>您也可以选择将本房屋用作开设轰趴馆等商业用途。建议您将1楼南向房间作为棋牌室，可安放两张棋牌类方桌及配套椅凳。北向房间设置为休息区域，安放双人床及床头柜，北阳台则可以设置为吸烟区域。夹层区域的休息室可作为娱乐区，放置桌面足球等娱乐设备及休闲凳。南房间，可设置为多人休息区，可放置宽2.2米的超大三人床。北房间作为单人休息室，可放置1.2米宽单人床等物品。房屋的地下一层，主客厅可兼具KTV和桌游的功能，放置6人位超大沙发，及电视机、K歌设备，而天井区域则可以成为布置酒吧区和烧烤区，以满足不同需求，地下一层卧室可做为休息区，最大可安放2.2米三人床。本房屋本房屋不限购，在现行政策下，是您购买房屋的首选，房屋近深坑酒店，门口魔幻城商业街将于明年3月正式开业，受到商业价值影响，房屋后续潜力价值巨大。</p>
                </div>
            </section>
        </main>
        <div class="big-photo" id="bigPhoto">
             <span id="close" class="close"></span> 
            <div class="pinch-zoom">
                <img src="./images/SH185/SH185.jpeg"/>
            </div>
        </div>
        <div id="mask" class="mask"></div>
	</div>
</body>
<script>
	function photoScale(selector){
		var selector=$(selector);
        new RTP.PinchZoom(selector, {});
		var screenHeight = window.screen.height;
		selector.height(screenHeight);
		selector.parent().height(screenHeight);
		selector.children('img').css({'position':'absolute','top':'40%','left':'50%','transform':'translate(-50%,-50%)','-webkit-transform':'translate(-50%,-50%)'});
	}
</script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/pinchzoom.min.js"></script>
<script type="text/javascript" src="js/touch.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/wxConfig.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
	$(function () {
        photoScale('.pinch-zoom');
   });
    wx.ready(function() { 
        wxinit._onMenuShareTimeline({
            title:'【舍艺】纳米魔幻城语音导览',
            //imgUrl:'http://wxgzht.esheyi.com/audio/SH185/img/sheyi_logo.png'
            imgUrl:'http://audio.esheyi.com/SH185/img/sheyi_logo.png'
        });
        wxinit._onMenuShareAppMessage({
            title:'【舍艺】纳米魔幻城语音导览',
			 //imgUrl:'http://wxgzht.esheyi.com/audio/SH185/img/sheyi_logo.png',
            imgUrl:'http://audio.esheyi.com/SH185/img/sheyi_logo.png',
           
            desc:'聆听本房源详细信息，专业解读房屋特性，提供解决方案'
        });
    });
    wx.error(function (res) {//错误时调用
        alert(res.errMsg);
    });
</script>
</html>